post form layout
共有 2 个文件被更改，包括 23 次插入 和 12 次删除
+ 1
- 1
app/assets/javascripts/blog_posts.js.coffee
@@ -4,7 +4,7 @@ attachRatingHandler = -> |
||
| 4 | 4 |
|
| 5 | 5 |
# to set summernote object |
| 6 | 6 |
# You should change '#post_content' to your textarea input id |
| 7 |
- summer_note = $('#blog_post_content')
|
|
| 7 |
+ summer_note = $('#post_content')
|
|
| 8 | 8 |
|
| 9 | 9 |
# to call summernote editor |
| 10 | 10 |
summer_note.summernote |
+ 22
- 11
app/views/blog_posts/_form.html.erb
@@ -1,16 +1,27 @@ |
||
| 1 |
-<%= simple_form_for(@blog_post) do |f| %> |
|
| 2 |
- <%= f.error_notification %> |
|
| 1 |
+<%= bootstrap_form_for(@blog_post) do |f| %> |
|
| 2 |
+ <%= f.alert_message "Please fix the errors below."%> |
|
| 3 | 3 |
|
| 4 |
- <div class="form-inputs"> |
|
| 5 |
- <%= f.input :title %> |
|
| 6 |
- <%= f.input :slug %> |
|
| 7 |
- <%= f.input :description %> |
|
| 8 |
- <%= f.file_field :image %> |
|
| 9 |
- <%= f.input :content, class: 'summernote', id: 'post_content' %> |
|
| 10 |
- <%= f.input :published %> |
|
| 11 |
- </div> |
|
| 4 |
+<div class="controls controls-row"> |
|
| 5 |
+ <%= f.form_group :title, class: "span4", style: 'margin-left: 0px;' do %> |
|
| 6 |
+ <%= f.text_field :title, class: 'input-block-level' %> |
|
| 7 |
+ <% end %> |
|
| 8 |
+ <%= f.form_group :slug, class: "span3" do %> |
|
| 9 |
+ <%= f.text_field :slug, class: 'input-block-level' %> |
|
| 10 |
+ <% end %> |
|
| 11 |
+ <%= f.form_group :description, class: "span5" do %> |
|
| 12 |
+ <%= f.text_field :description, class: 'input-block-level' %> |
|
| 13 |
+ <% end %> |
|
| 14 |
+</div> |
|
| 15 |
+ |
|
| 16 |
+ |
|
| 17 |
+ <div class="form-inputs"> |
|
| 18 |
+ |
|
| 19 |
+ <%= f.file_field :image %> |
|
| 20 |
+ <%= f.text_area :content, class: 'summernote', id: 'post_content' %> |
|
| 21 |
+ <%= f.check_box :published %> |
|
| 22 |
+ </div> |
|
| 12 | 23 |
|
| 13 | 24 |
<div class="form-actions"> |
| 14 |
- <%= f.button :submit %> |
|
| 25 |
+ <%= f.submit %> |
|
| 15 | 26 |
</div> |
| 16 | 27 |
<% end %> |